<%@	page import ="com.adisi.objetos.Viaje" %>
<%@	page import ="com.adisi.objetos.Auto" %>
<%@	page import ="com.adisi.objetos.Chofer" %>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:directive.include file="headerComun.jsp" />
<body>
<%
	Viaje viaje = (Viaje)request.getAttribute("viaje");
%>	
	<script type="text/javascript">
	
		$(window).load(function(){
			$('#formulario').validate({
				rules:{
	
		        	kms_auto:{
		        		digits: true,
		        		required: true,
		        		min: <%= viaje.getJornada().getAuto().getKms().toString() %>
		        		
		        	},
		        	viaje_costo: {
		        		required: true,
		        		number: true,
		        		min:0
		        	}
					
				},
				messages: {
					kms_auto: {
						min: 'El kilometraje debe ser superior al de la salida.',	
					}
					
				},
		        highlight: function(element) {
		            $(element).closest('.form-group').addClass('has-error');
		        },
		        unhighlight: function(element) {
		            $(element).closest('.form-group').removeClass('has-error');
		        },
		        errorElement: 'span',
		        errorClass: 'help-block',
		        errorPlacement: function(error, element) {
			            if(element.parent('.input-group').length) {
			                error.insertAfter(element.parent());
			            } else {
			                error.insertAfter(element);
			            }
			        }		
			});
			
			$('#id_viaje').val(<%= viaje.getIdViaje() %>);
			$('#chofer').val('<%= viaje.getJornada().getChofer().getNombreCompleto() %>').attr('readonly','readonly');
			$('#auto').val('<%= viaje.getJornada().getAuto().getDescripcion() %>').attr('readonly','readonly');
			$('#kms_auto_salida').val('<%= viaje.getJornada().getAuto().getKms().toString() %>').attr('readonly','readonly');
			
		}); 
	</script>	
	
<div class="container">
	<jsp:directive.include file="menuNavegacion.jsp" />
	<div class="row clearfix">
		<div class="col-md-4 column col-md-offset-3">
			<h3>Cerrar viaje </h3>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-6 column col-md-offset-3">
			<form role="form" action="viaje" method="post" name="formulario" id="formulario">
				<div class="form-group" style="display:hidden">
					<input type="hidden" id="id_viaje" name="id_viaje">
					<input type="hidden" id="accion" name="accion" value="cerrar">
				</div>			
				<div class="form-group">
					<label for="id_chofer">Chofer</label>
					<input type="text" id="chofer" class="form-control" />
				</div>
				<div class="form-group">
					<label for="id_auto">Auto</label>
					<input type="text" id="auto" class="form-control" />
				</div>
				<div class="form-group">
					<label for="kms_auto">Kilometraje del auto al salir</label>
					<input type="text" name="kms_auto_salida"  id="kms_auto_salida" class="form-control" />
				</div>				
				<div class="form-group">
					<label for="kms_auto">Kilometraje del auto al llegar</label>
					<input type="text" name="kms_auto"  id="kms_auto" class="form-control" />
				</div>				
				<div class="form-group">
					<label for="kms_auto">Importe</label>
					<input type="text" name="viaje_costo"  id="viaje_costo" class="form-control" />
				</div>				
				<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-save"></span> Grabar</button>
				<a  href="jornada?lst" type="cancel" class="btn btn-warning"><span class=" glyphicon glyphicon-ban-circle"></span> Cancelar</a>
				
			</form>

					

		</div>
	</div>
</div>

</body>
</html>